<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>志愿者服务信息网</title>
		<link rel="shortcut icon" type="image/x-icon" href="https://yst-pjyc-server.oss-cn-beijing.aliyuncs.com/datas/image/20181120/20181120103218126806518.jpg" media="screen" />
		<link rel="stylesheet" type="text/css" href="css/layer.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
	</head>

	<body>
				<!--top头部标题栏-->
		<div id="top">
			<div class="top_show1">
				<p id="top_t">
					<span id="login">亲，请登录</span><span id="loginOut">退出</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="registe_volunteer">志愿者注册</span>/<span id="registe_team">志愿团体注册</span>
				</p>
			</div>
			<div class="top_show2">
				<div class="top_m">
					<div class="logo">
						<img src="img/logo.jpg" />
						<div class="volunteer">
							<p>
								<a class="top_tittle" href="#">天津市滨海新区志愿者服务信息网</a>
							</p>
							<p>
								<a class="top_address" href="#">www.tjbhzyz.com</a>
							</p>
						</div>

					</div>
					<div class="search">
						<p class="sousuo_type" data-id="1">活动</p>
						<div class="search_type">
							<p data-id="1">活动</p>
							<p data-id="2">团队</p>
						</div>
						<input type="text" name="info" id="info" value="" placeholder="请输入搜索内容" />
						<p id="search"><img src="img/sercher.png" /></p>
					</div>
					<div id="help">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>求助中心</p>
					</div>
					<div id="phone_vl">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>志愿者平台手机版</p>
					</div>
				</div>
			</div>

			<!--导航栏-->
			<div class="top_show3">
				<div id="nav">
					<p id="vl_home">网站首页</p>
					<p id="vl_active">志愿活动</p>
					<p id="vl_team">志愿团队</p>
					<p id="vl_integral">积分兑换</p>
					<p id="vl_center">志愿中心</p>
				</div>
			</div>		
		</div>
		<div id="main">
			<div class="main">
				<div class="img1">
					<img src="img/homepage.png" />
				</div>
				<div class="login">
					<p class="tittle">欢迎登录，志愿者</p>
							<div class="shuru-a">
								<div class="shuruaPic">
									<img src="img/d_login3.png" alt="" class="renx">
								</div>
								<input type="text" placeholder="用户名/志愿者编号" name="" id="username" maxlength="28" autocomplete="off" >
							</div>
							<div class="shuru-b">
								<div class="shurubPic">
									<img src="img/d_login2.png" alt="" class="mima">
								</div>
								<input type="password" placeholder="密码" name="" id="password" maxlength="20" data="2" autocomplete="off">
							</div>
							<div id="remaber_pass">
								忘记密码
							</div>
							<!-- 错误提示框 -->
							<div id="falseHints">
								<div class="falseHintsPic">
									<img src="img/d_login7.png" alt="">
								</div>
								<p id="errLanguage">请输入用户名</p>
							</div>
							<!-- 登录 -->
							<button id="loginBtn" data="2">登&nbsp;&nbsp;&nbsp;录</button>
							<!--三方登录-->
							<div id="other_login">
								<!--<div class="left">
									<p id="weixin" class="p1" style="border-right: 1px solid darkgray;"><img src="img/weixin.png"/>微信</p>
									<p id="qq" class="p1"><img src="img/QQ.png"/>QQ</p>
								</div>-->
								<p id="zhuce" class="right"><img src="img/next_1.png"/>立即注册</p>
							</div>
				</div>
			</div>
			<div id="right_img">
				<img src="img/homepage2.png"/>
			</div>
		</div>
		<!--底部备案号-->
		<div class="bottom">
			<div id="bottom_nav">
				<p id="link_us">联系我们</p>
				<p id="about_us">关于我们</p>
				<p id="set_home">设为首页</p>
			</div>
			<p class="bottom_p">备案号:津246541561561655天津滨海新区志愿服务网</p>
		</div>

	</body>
	<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/login.js" type="text/javascript" charset="utf-8"></script>

</html>